<template>
    <view class="app">
		<view class="nav-item" v-for="(item,index) in url" @click="to(item.url)">{{item.name}}</view>
    </view>
</template>

<script>
export default {
    data(){
        return{
			url:[
				{name: '转盘抽奖',url: '/pages/activity/lottery/index'},
				// {name: '拼图游戏',url: '/pages/activity/puzzle/index'},
				{name: '砍价活动',url: '/pages/activity/bargain/index'},
				{name: '秒杀倒计时',url: '/pages/component/countdown'},
				{name: '日期选择',url: '/pages/component/time-selection'},
				{name: '数字滚动',url: '/pages/component/numScroll'}
			],
			height:''
        }
    },
    mounted(){
		this.height=uni.upx2px(88)
	},
    methods:{
        to(url){uni.navigateTo({url})}
    }
}
</script>

<style lang="scss" scoped>
	.app{min-height: 100vh;background: #f3f3f3;}
	.nav-item{font-size: 30rpx;color: #333;height: 100rpx;line-height: 100rpx;padding-left: 60rpx;border-bottom: 1px solid #eee;background-color: #fff;position: relative;
		&::after{content: '';clear: both;display: block;width: 8px;height: 8px;background: #73acf1;border-radius: 50%;position: absolute;left: 25rpx;top: 50%;transform: translateY(-50%);}
		&:nth-last-child(1){border: 0;}
		&:active{background: #f9f9f9;}
	}
</style>

